.banner{
    height: 300px;
    width: 100%;
    background: url(../img/项目banner.jpg) no-repeat center;
    background-size: cover;
    background-color: aquamarine;
}

.show{
    height: 270px;
    width: 100%;
    overflow: hidden;
}
.show-com{
    position: relative;
    width: 360px;
    height: 270px;
    float: left;
    overflow: hidden;
}
.show-com .left{
    width: 360px;
    height: 180px;
}
.show-com.mi{
    margin: 0 50px;
}
.pi{
    width: 360px;
    height: 180px;
}

.show .content{
    position:absolute;
    width: 360px;
    height: 270px;
    background-color:rgba(0, 0,0, 0.2);
    top: 0px;
    left: 0px;
    opacity:0;
}
.show .poi{
    font-size: 14px;
    margin-left: 50px;
    float: left;
    padding-top: 28px;
}
.show .poi .title{
    font-size: 14px;

}
.show .poi .desc{
    font-size: 12px;
    padding-top: 7px;
}
.icon{
    width:30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    top: 60px;
    right: 50px;
    border: 1px solid rgb(118,118,118,0.2);
    text-align: center;

}
.icon-c{
    width: 7px;
    height: 12px;
    /* vertical-align: */
    text-align: center;
    padding-top: 9px;

}
.icon-m{
    top: 208px;
    right: 50px;
}
.show-com:hover .content{
    opacity: 1;
}
.show-com:hover .active{
    height: 270px;
}
.show-com:hover .poi{
    position: absolute;
    top: 20px;
    left: 20px;
}
.show.spa{
padding-bottom: 200px;
}

.show.special{
    margin-top: 41px;
}
.top-menu{
    margin-top: 100px;
    margin-bottom: 70px;
}